﻿<div class="container" id="slider">
        <div class="row">
            <div class="col-md-2"></div>
            <!-- start slider-->
            <div class="col-md-10">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="~/Images/9.jpg" alt="hinh 1">
                        </div>
                        <div class="item">
                            <img src="~/Images/10.jpg" alt=".." />
                        </div>
                        <div class="item">
                            <img src="~/Images/11.jpg" alt=".." />
                        </div>
                        <div class="item">
                            <img src="~/Images/12.jpg" alt=".." />
                        </div>
                        <div class="item">
                            <img src="~/Images/13.jpg" alt=".." />
                        </div>                      
                    </div>
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div>
            </div>
            <!-- end slider -->
        </div>
    </div>
